.page_ban{text-align: center;position: relative;width: 100%;overflow: hidden;}
.page_ban div{width: 100%;height: 100%;}
.page_ban img{display: block;width: 100%;height: 100%;object-fit: cover;}

.ResTitle_a1{width: 100%;text-align: center;margin-bottom: 3.7vw;font-size: 1.8vw;}
.ResTitle_a1 br{display: none;}
.ResTitle_a1 span{display: block;}
.ResTitle_a1 em{text-transform: uppercase;font-family: Arial;display: none;}

.content{width: 73%;margin: 3.2vw auto 5.3vw auto;font-size: 16px;line-height: 1.8;}
.content img{max-width: 100%;}
.about{font-size: 16px;}
.about h3{color: #18599d;font-size: 1.8em;}
.about h2{color: #404040;font-size: 1.6em;line-height: 1.5;}
.about h2 span{font-weight: bold;color: #18599d;font-family: Impact;font-size:2em;}
.about h2:before{content: "";display: block;background: #f0ca9f;height: 4px;width: 33px;margin-bottom: 0.5vw;}
.about .mt{margin-top: 1.5vw;}


.photo_list24 .PhotoList_i1 ul li span{
    display: none !important; 
}



.PosList_a1{box-sizing: border-box;line-height: 22px; font-size: 14px;padding: 1.5vw 13.5%; margin: 0 auto;text-align: left;}
.PosList_a1 a{font-size: 14px;}
.PosList_a1 b{font-weight: normal;}

.news_display h3{ text-align:center; font-weight:bold; }
.news_display h4{ width:100%;margin:0 0 10px; text-align:center; font-weight:300;padding:8px 0; color:#bbb; border-bottom:1px dashed #bbb;}
.news_display p img{ display:block; max-width:100%; margin:5px 0;}
.caseback{margin: 4vw auto 0 auto;width: 9em;font-size: 16px;color: #fff;background-color: #18599d;padding: 0.5em 0; line-height: 1.5;text-align: center;display: block;}

table{text-align: center;border-collapse: collapse;border: 1px solid #cccccc;width: auto !important;}
table td{border-width: 1px;border-style: solid;padding: 0.2vw 0.5vw;line-height: 1.6;width: auto !important;height: auto !important;}
.ProductDetail_a1 .Pimg {text-align: center;max-width: 100%; margin: 0 auto 1vw auto;}
.ProductDetail_a1 .Pimg img{width: auto;display: inline-block;height: auto;max-height: 640px;max-width: 640px;}
.ProductDetail_a1 .pul li{display: none;}
.ProductDetail_a1 .pul li.name{display: block;font-size: 22px;text-align: center;margin-bottom: 3vw;}
.detail .til1{font-size: 22px;border-left: 5px solid #18599d;padding-left: 2vw;margin-bottom: 3vw;}

.NavList_a1 {text-align: center;margin: 3vw  0 !important;}
.NavList_a1 li {display: inline-block;margin: 0 0.5vw 1vw;width: auto;}
.NavList_a1 li a{display: block;padding: 7px 20px;line-height: 1.0;text-transform: capitalize;}
.NavList_a1 li a:hover{background-color: #18599d;color: #fff;}
.NavList_a1 li a.on{background-color: #18599d;color: #fff;}
.mobsnav .sort_btn{display: none;}

/*招聘中心*/
.hrList_a1_item{ background:#fff;width:100%; float:left; margin-bottom:60px;border-bottom: dotted 1px #ddd;padding-bottom: 60px;}
.hrList_a1_item:nth-child(3n){ margin-right:0;}
.hrList_a1_title{ font-size:24px; font-weight:bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 1.0;
    border-left: solid #666 5px; padding:2px 0 2px 10px;color:#666;}
.hrList_a1_button{display: none;}
.hrList_a1_item ul{ padding-top:15px;}
.hrList_a1_item ul li{ width:33%; float:left; line-height:20px; padding:5px 0; color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.hrList_a1_item ul li.other{ width:100%; line-height:22px; padding:5px 0;color:#777;text-overflow: inherit;white-space: inherit; }
.hrList_a1_item ul li.other p{display: block;width: calc(100% - 5.7em);float: right;}
.hrList_a1_item ul li span{ display:inline-block; width:90px; color:#333; font-weight:bold;}

/*视频*/
.vdobx {width: 100%;text-align: center;}
.vdobx h3 {width: 100%;margin-bottom: 2vw;text-align: center;}
.vdobx iframe {width: 800px;height: 500px;margin: 0 auto;}

.contact_img{width: 50%;overflow: hidden;}
.contact_img img{width: 100%;display: block;}
.contact_txt {width: 45%;}
.contact_txt .line{margin-top: 1.5vw;position: relative;padding-left: 2em;box-sizing: border-box;}
.contact_txt i{width: 1.6em;height: 1.6em;background: #e4007d;border-radius: 50%;position: absolute;left: 0;top: 0;}
.contact_txt i.email{background:#18599d url('../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#18599d url('../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#18599d url('../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#18599d url('../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#18599d url('../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#18599d url('../images/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}

.page{text-align: center;padding-top: 2vw;}
.page a,.page span{display: inline-block;padding: 2px 10px;border: 1px solid #ccc;margin: 5px;line-height: 1.5;}
.page .on, .page .cur{border-color: #18599d;color: #fff;background-color: #18599d;}
.pageinfo{display: none;}
.content .page{display: block;}
.content #load_more_button{display: none;width: 100px;margin: 20px auto 0 auto;padding: 0.6em 1em;line-height: 1.5;border-radius: 1.5em;
    text-align: center;background: #18599d;color: #fff;}



    .Gbook_b1{ width: 80%;margin:0 auto; padding:0 0 0 0;}
    .Gbook_b1 .name{width:48%;float:left; margin-bottom:20px;}
    .Gbook_b1 .phone{width:48%; margin-left:4%;float:left; margin-bottom:20px;}
    .Gbook_b1 .email{width:48%; margin-right:4%;float:left; margin-bottom:20px;}
    .Gbook_b1 .company{width:48%;float:left; margin-bottom:20px;}
    .Gbook_b1 .content{width:100%;float:left; margin-bottom:20px;margin-top: 0px;}
    .Gbook_b1 .vcode{width:auto;float:left; }
    .Gbook_b1 .vcode .InputV1{ width:100%;}
    .Gbook_b1 .btn{width:31%;float:left; margin-left:2%; }
    .Gbook_b1 input{box-sizing: border-box;}
    .Gbook_b1 .floatleft{float:left;}
        
    .ButtonV1{background:#0974C3;border:0;}
    .InputV1{height:40px; width:100%;line-height:40px;padding:0 10px;border:1px solid #ddd;background-color:#fafafa;}
    .InputV1:focus{border:1px solid $col_main;background-color:#fff;}
    .ButtonV1{height:40px;line-height:40px;padding:0 20px;background-color:$col_main;color:#fff; font-size:18px; cursor:pointer; font-family:"微软雅黑";border:1px solid rgba($col_main,0.4)}
    .TextareaV1{line-height:150%;width:100%;padding:10px;border:1px solid #ddd;background-color:#fafafa; resize:none;box-sizing: border-box;font-size: 14px;}
    .TextareaV1:focus{border:1px solid $col_main;background-color:#fff;}
    

@media screen and (max-width: 1380px){
	.content{width: 80%;}
    .PosList_a1{padding: 1vw 10%;}
}
@media screen and (max-width: 1024px) {
	.content{width: 90%;height: auto;margin-top: 5vw;min-height: 50vh;}
	.PosList_a1{padding: 1vw 5%;margin-bottom: 5vw;}
    .about h2 br{display: none;}
    .ResTitle_a1 span{font-size: 35px;}
	.ResTitle_a1 em{font-size: 24px;}

    .contact_txt h2{margin-bottom: 25px;}
    .contact_txt .line{width: 50%;float: left;}
    .contact_txt div:first-of-type{width: 100%;}
	.contact_img{width: 100%;float: none;}
	.contact_txt{width: 100%;margin-bottom: 2vw;float: none;}

    .hrList_a1_item ul li{width: 50%;}
    .hrList_a1_title{font-size: 20px;}
    .hrList_a1_item{padding-bottom: 30px;margin-bottom: 30px;}
    .vdobx iframe{width: 70vw;height: 40vw;}
}

@media only screen and (max-width: 800px){
    .Gbook_b1 .company{width:98%;float:left; margin-bottom:8px;}
    .Gbook_b1 .name{width:98%;float:left; margin-bottom:8px;}
    .Gbook_b1 .phone{width:98%;float:left; margin-left:0; margin-bottom:8px;}
    .Gbook_b1 .email{width:98%;float:left; margin-left:0;margin-bottom:8px;}
    .Gbook_b1 .content{width:98%;float:left; margin-bottom:8px;}
    .Gbook_b1 .btn{width:auto;float:left; margin-left:0; }
    .Gbook_b1 .vcode{ width:auto;float:left;margin-left:0; margin-bottom:8px;}
    }

    
@media screen and (max-width: 640px){
    .content{font-size: 3.8vw;margin: 8vw auto 16vw auto;min-height: 60vh;}
	.content{width: 94%;}
    .ResTitle_a1{margin-bottom: 8vw;}
    .ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a1 em{font-size: 5vw;}
    .ResTitle_a1:after{margin-top: 3vw;}

    .about {font-size: 3.8vw;}
    .about .fl{float: none;width: 100%;}
    .about .fr{float: none;width: 100%;margin: 6vw 0;border:none;padding: 0;}
    .about h2{font-size: 1.3em;}
    .about h3{font-size: 1.2em;}

	.content #page{display: none;}
	.content #load_more_button{display: block;}

	.PosList_a1{font-size: 3.6vw;margin-bottom: 10vw;text-align: left;padding: 2vw 4%;}
	.contact_txt .line{margin-bottom: 3vw;width: 100%;}

    .ProductDetail_a1 .Pimg{margin-bottom: 3vw;width: 100%;height: auto;max-height: 100vw;}
    .ProductDetail_a1 .Pimg img{max-height: 100vw;max-width: 100%;height: auto !important;width: auto !important;}
    .detail .til1,.ProductDetail_a1 .pul li.name{font-size: 4.5vw;border-width: 3px;line-height: 1.5;}
    .vdobx iframe{width: 100%;height: 55vw;}
    .caseback{font-size: 3.8vw;}
    
    .NavList_a1{margin-bottom: 6vw !important;}
    .NavList_a1 li a{padding: 2vw 3vw;}

    .hrList_a1_item ul li{width: 100%;}
    .hrList_a1_title{font-size: 4.2vw;}
    .hrList_a1_item ul li span{font-size: 3.8vw;font-weight: normal;display: inline;}
    .hrList_a1_item p{display: inline;float: none;font-size: 3.8vw;}
    .hrList_a1_item ul li{font-size: 3.8vw;}

    .mobsnav{margin-bottom: 6vw;position: relative;}
    .mobsnav .sort_btn{display: block;border-bottom: 1px solid #cdcdcd;line-height: 1.8;padding: 3vw 0; font-size: 4vw;padding: 0.5em 12% 0.5em 3%;
        background: url(../images/d.png) 95% center no-repeat;
        background-size: auto 5px;}
    .mobsnav .NavList_a1{width: 100%;z-index:2;display: none;overflow:hidden;padding: 0;position: absolute;
    /* bottom: -100%; */
    background: #efefef;z-index: 1;height: 45vw;overflow: auto;}
    .NavList_a1 li a{border: none;}
    .mobsnav .NavList_a1 li{margin: 0 auto;text-align: left; display: block; width: 100%;border-bottom: 1px solid #efefef;padding: 0 ;line-height: 1.5;list-style: none;box-sizing: border-box;}
}